<div class="comment_header2">
	房贷计算
	<span ng-click="page.toHistory()" class="iconfont icon-mjiantou-copy"></span>
</div>
<ul class="Mortgage_choose">
	<li ng-class="{true:'active',false:''}[page.one]" ng-click="pageone()"><span>公积金贷款</span></li>
	<li ng-class="{true:'active',false:''}[page.two]" ng-click="pagetwo()"><span>商业贷款</span></li>
	<li ng-class="{true:'active',false:''}[page.three]" ng-click="pagethree()"><span>混合贷款</span></li>
</ul>
<!--<div class="choose_type">
	<div class="choose_type_top">
		<span>计算方式：</span>
		<i class="iconfont icon-yuanquanxuanzhong active">&nbsp;&nbsp;&nbsp;<span>按房价总额</span></i>
		<i class="iconfont icon-weixuanzhongyuanquan">&nbsp;&nbsp;&nbsp;<span>按贷款总额</span></i>
	</div>
	<div class="choose_type_top">
		<span>还款方式：</span>
		<i class="iconfont icon-yuanquanxuanzhong active">&nbsp;&nbsp;&nbsp;<span>等额本息</span></i>
		<i class="iconfont icon-weixuanzhongyuanquan">&nbsp;&nbsp;&nbsp;<span>等额本金</span></i>
	</div>
</div>-->

<div class="choose_type_warp" ng-show="page.one">
	<div class="choose_type_bottom">
		<span>房价总额：</span>
		<input type="number" class="num" ng-model="num"/>
		<b>万元</b>
	</div>
	<div class="choose_type_bottom discount">
		<span>首付比例：</span>
		<p>{{discount}}</p>
		<i class="iconfont icon-combinedshapefuben"></i>
	</div>
	<div class="choose_type_bottom count">
		<span>贷款总额：</span>
		<p>{{result?result:num-num*dis/10?num-num*dis/10:0.00}}</p>
		<b>万元</b>
	</div>
	<div class="choose_type_bottom mortgage">
		<span>按揭年限：</span>
		<p>20年（240期）</p>
		<!--<input type="" name="" id="" value="" placeholder="20年(240期)"/>-->
		<i class="iconfont icon-combinedshapefuben"></i>
	</div>
	<div class="choose_type_bottom interest">
		<span>利率：</span>
		<p>基准利率（<span class="lv">3.25</span>%）</p>
		<!--<input type="" name="" id="" value="" placeholder="3.25%"/>-->
		<i class="iconfont icon-combinedshapefuben"></i>
	</div>
	<!--<div class="choose_type_bottom">
		<span></span>
		<p>公积金贷款利率3.25%</p>-->
		<!--<input type="" name="" id="" value="" placeholder="/>-->
	<!--</div>-->
</div>

<div class="choose_type_warp" ng-show="page.two">
	<div class="choose_type_bottom">
		<span>房价总额：</span>
		<input type="number" class="num2" ng-model="num2"/>
		<b>万元</b>
	</div>
	<div class="choose_type_bottom discount1">
		<span>首付比例：</span>
		<p>{{discount}}</p>
		<i class="iconfont icon-combinedshapefuben"></i>
	</div>
	<div class="choose_type_bottom count">
		<span>贷款总额：</span>
		<p>{{result?result:num2-num2*dis/10?num2-num2*dis/10:0.00}}</p>
		<b>万元</b>
	</div>
	<div class="choose_type_bottom mortgage">
		<span>按揭年限：</span>
		<p>20年（240期）</p>
		<!--<input type="" name="" id="" value="" placeholder="20年(240期)"/>-->
		<i class="iconfont icon-combinedshapefuben"></i>
	</div>
	<div class="choose_type_bottom interest2">
		<span>利率：</span>
		<p>基准利率（<span class="lv">4.90</span>%）</p>
		<!--<input type="" name="" id="" value="" placeholder="3.25%"/>-->
		<i class="iconfont icon-combinedshapefuben"></i>
	</div>
</div>

<div class="choose_type_warp" ng-show="page.three">
	<div class="choose_type_bottom">
		<span>商业贷款：</span>
		<input type="" name="" id="" value="" placeholder="请输入贷款金额"/>
		<b>万元</b>
	</div>
	<div class="choose_type_bottom mortgage">
		<span>商业贷按揭：</span>
		<p>20年（240期）</p>
		<i class="iconfont icon-combinedshapefuben"></i>
	</div>
	<div class="choose_type_bottom">
		<span>公积金贷款：</span>
		<input type="" name="" id="" value="" placeholder="请输入贷款金额"/>
		<b>万元</b>
	</div>
	<div class="choose_type_bottom mortgage">
		<span>公积金按揭：</span>
		<p>20年（240期）</p>
		<input type="" name="" id="" value="" placeholder="3.25%"/>
		<i class="iconfont icon-combinedshapefuben"></i>
	</div>
	<div class="choose_type_bottom interest">
		<span>商业利率：</span>
		<p>基准利率（4.90%）</p>
		<i class="iconfont icon-combinedshapefuben"></i>
		<!--<input type="" name="" id="" value="" placeholder="/>-->
	</div>
	<div class="choose_type_bottom interest">
		<span>公积金利率：</span>
		<p>基准利率（3.25%）</p>
		<i class="iconfont icon-combinedshapefuben"></i>
		<!--<input type="" name="" id="" value="" placeholder="/>-->
	</div>
</div>
<div class="login_btn"  ng-click="calculate()">
	开始计算
</div>

<div class="choose_type_bottom">
		<span>结果参考</span>
		<p>计算结果仅供参考</p>
</div>
<div class="type_dai">
	<div class="left active">
		<span>等额本金</span>
	</div>
	<div class="right">
		<span>等额本息</span>
	</div>
</div>
<div class="result">
	<p>房款总价：{{!all_price?0:all_price}}万元</p>
	<p>首付金额：{{pay_price?pay_price:0}}万元</p>
	<p>贷款总额：{{dai_price?dai_price:0}}万元</p>
	<p>公积金利率：{{lilv?lilv:0}}%</p>
	<p class="p5">首月月供：{{month?month:0}}元/月</p>
<!--	<p class="p6">每月递减：18.17元</p>-->
</div>	
<div style="height: 0.9rem;"></div>
<div class="shadow" style="display: none;">
	<div class="choose_time_warp">
		<p class="del_p">取消</p>
	<ul class="choose_time" style="display: none;">
		<li>1年（12期）</li>
		<li>2年（24期）</li>
		<li>3年（36期）</li>
		<li>4年（48期）</li>
		<li>5年（60期）</li>
		<li>6年（72期）</li>
		<li>7年（84期）</li>
		<li>8年（96期）</li>
		<li>9年（108期）</li>
		<li>10年（120期）</li>
		<li>11年（132期）</li>
		<li>12年（144期）</li>
		<li>13年（156期）</li>
		<li>14年（168期）</li>
		<li>15年（180期）</li>
		<li>16年（192期）</li>
		<li>17年（204期）</li>
		<li>18年（216期）</li>
		<li>19年（228期）</li>
		<li>20年（240期）</li>
		<li>21年（252期）</li>
		<li>22年（264期）</li>
		<li>23年（276期）</li>
		<li>24年（288期）</li>
		<li>25年（300期）</li>
		<li>26年（312期）</li>
		<li>27年（324期）</li>
		<li>28年（336期）</li>
		<li>29年（348期）</li>
		<li>30年（360期）</li>
	</ul>
	<ul class="choose_discount" style="display: none;">
		<li>一成</li>
		<li>二成</li>
		<li>三成</li>
		<li>四成</li>
		<li>五成</li>
		<li>六成</li>
		<li>七成</li>
		<li>八成</li>
		<li>九成</li>
	</ul>
	<ul class="choose_interest" style="display: none;">
		<li data-info="0.7">7折</li>
		<li data-info="0.85">85折</li>
		<li data-info="0.88">88折</li>
		<li data-info="0.9">9折</li>
		<li data-info="0.95">95折</li>
		<li data-info ="1.1">1.1倍</li>
		<li data-info ="1.2">1.2倍</li>
		<li data-info="1.3">1.3倍</li>
	</ul>
	</div>
</div>